<template>
	<div class="wrapper">
		<!-- 搜索 -->
		<u-navbar class="navbar" :is-back="false">
			<search style="width: 100%" />
		</u-navbar>
		<!-- 轮播 -->
		<carousel />
		<!-- 2张 -->
		<flexTwo />
		<!-- 菜单 -->
		<menuLayout />
		<!-- 3张 -->
		<leftOneRightTwo />
		<!-- 1张 -->
		<flexOne />
		<!-- 商品推荐 -->
		<goodList></goodList>
	</div>
</template>

<script>
	// 引用组件
	import tpl_search from "@/pages/tabbar/home/template/tpl_search"; //搜索栏
	import tpl_banner from "@/pages/tabbar/home/template/tpl_banner"; //导航栏模块
	import tpl_flex_two from "@/pages/tabbar/home/template/tpl_flex_two"; //两张横图模块
	import tpl_menu from "@/pages/tabbar/home/template/tpl_menu"; //五列菜单模块
	import tpl_left_one_right_two from "@/pages/tabbar/home/template/tpl_left_one_right_two"; //左一右二模块
	import tpl_flex_one from "@/pages/tabbar/home/template/tpl_flex_one"; //单行图片模块
	import goodList from '@/pages/tabbar/home/template/tpl_goodsList.vue'

	export default {
		data() {
			return {
			};
		},
		components: {
			search: tpl_search,
			carousel: tpl_banner,
			flexTwo: tpl_flex_two,
			menuLayout: tpl_menu,
			leftOneRightTwo: tpl_left_one_right_two,
			flexOne: tpl_flex_one,
			goodList,
		},

		mounted() {
			

		},
		methods: {
			
		},
	};
</script>

<style scoped lang="scss">
	

	.navbar-right {
		padding: 0 16rpx 0 0;
	}
</style>
